page{
    background-color: #EAEBED;
}
.user_info_wrap{
    padding: 0 20rpx;
    .header{
        margin-top: 50rpx;
        padding: 0 40rpx;
        display: flex;
        .cover{
            image{
                border: 4rpx solid #fff;
                width: 120rpx;
                height: 120rpx;
                border-radius: 50%;
            }
        }
        .info{
            flex: 1;
            margin-left: 40rpx;
            display: flex;
            align-items: center;
            justify-content: space-around;
            view{
                text-align: center;
            }
            .num{
                font-weight: 600;
            }
            .title{
                margin-top: 5rpx;
                font-size: 20rpx;
                color: #959596;
            }
            .fans{}
            .attention{}
            .lv{}
        }
    }
    .describle{
        margin-top: 20rpx;
        padding: 0 40rpx;
        color: #959596;
        font-size: 26rpx;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .base_info{
        margin-top: 40rpx;
        background-color: #fff;
        padding: 26rpx;
        border-radius: 20rpx;
        view{
            margin-bottom: 20rpx;
            color: #727274;
            font-size: 27rpx;
            word-spacing: 17rpx;
            letter-spacing: 4rpx;
        }
        .title{
            font-size: 30rpx;
            color: #343434;
            font-weight: 600;
        }
        
    }

    .music_taste{
        margin-top: 40rpx;
        background-color: #fff;
        padding: 26rpx;
        border-radius: 20rpx;
        .taste{
            margin-top: 20rpx;
            display: flex;
            .iconfont{
                margin-right: 20rpx;
                display: flex;
                justify-content: center;
                align-items: center;
                width: 90rpx;
                height: 90rpx;
                background: #F55756;
                font-size: 50rpx;
                color: #fff;
                border-radius: 15rpx;
            }
            .info{
                view{
                    height: 45rpx;
                    line-height: 45rpx;
                    letter-spacing: 4rpx;

                }
                .rank{
                    color: #434345;
                }
                .number{
                    font-size: 20rpx;
                    color: #A9A9A9;
                }
            }
        }
        .title{
            font-size: 30rpx;
            color: #343434;
            font-weight: 600;
        }
    }

    
    .song_list{
        margin-top: 40rpx;
        background-color: #fff;
        padding: 26rpx;
        border-radius: 20rpx;
        .taste{
            margin-top: 20rpx;
            display: flex;
            .cover{
                margin-right: 20rpx;
                width: 90rpx;
                height: 90rpx;
                border-radius: 15rpx;
                image{
                    width: 100%;
                    height: 100%;
                    border-radius: 15rpx;
                }
            }
            .info{
                view{
                    height: 45rpx;
                    line-height: 45rpx;
                    letter-spacing: 4rpx;

                }
                .rank{
                    color: #434345;
                }
                .number{
                    font-size: 20rpx;
                    color: #A9A9A9;
                }
            }
        }
        .title{
            font-size: 30rpx;
            color: #343434;
            font-weight: 600;
        }
    }
}